/*公共样式*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.safe{
    width: 1200px;
    margin: 0 auto;
}

.safe::after{
    clear: both;
    display: block;
    content: "";
}
.left{
    float: left;
}

.right{
    float: right;
}

a{
    text-decoration: none;
    color:inherit;

}

ul,li{list-style-type: none;

}

/*公共样式*/

header{
    /*height: 40px;*/
    background-color: #404040;


}
header .left{
    font-size: 12px;
    color: white;
    line-height: 40px;
}

header .right{
    font-size: 0;
    line-height: 40px;
}

.ks{
    font-size: 12px;
    color: #3d87e2;
}

.dl{
    font-size: 12px;
    color: #38d823;
}

.bz{
    font-size: 12px;
    color: white;
}

header a{
    padding-right: 28px;
}

header>div>div>a:last-child{
    padding-right: 0;
}

/*导航样式*/

nav{
    height: 76px;
    /*background-color: #38d823;*/
    /*line-height: 76px;*/
    border-bottom: 1px solid #a3a3a3;
}

nav .left{
    line-height: 76px;
}

nav img{
    width: 306px;
    vertical-align: middle;
}
nav ul{
    font-size: 0;
    /*line-height: 76px;*/
}
nav li{
    font-size: 18px;
    color: #171717;
    display: inline-block;
    padding: 0 40px;
    height: 76px;
    line-height: 76px;


}

nav li:hover{
    background-color: #c7c7c7;
}

/*banner样式*/

.swiper-container {
    width: 1345px;
    height: 375px;
}

.banner{
    background-image: url("../img/banner.png");
    height: 375px;
    background-position: center;
    background-repeat: no-repeat;

}



/*banner下面的楼层1*/
.f1{
    padding: 18px 25px 15px;
    height: 200px;
    /*background-color: brown;*/
    font-size: 0;
}

.f1 li{
    width: 240px;
    height: 167px;
    background-color: white;
    display: inline-block;
    text-align: center;
    margin-right: 215px;
}

.f1>ul>li:last-child{

    margin-right: 0;

}
.f1 h2{
    font-size: 18px;
    font-weight: lighter;
    margin-bottom: 10px;
}

.f1 p{
    font-size: 12px;
}

/*楼层2样式*/

.f2{
    height: 375px;
    background-color: #def0fa;
    border: 1px solid #bfbfbf;
    padding: 0 10px;

}

table{
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;/*table的默认样式*、
}


thead{
    /*border-bottom: 1px solid #bfbfbf;*/
    /*height: 36px;*/
     font-size: 0;
}

thead td{
    border-bottom: 1px solid #bfbfbf;
    height: 36px;
    line-height: 36px;

}

thead span{
    font-size: 15px;
    color: #2b2b2b;
    margin-left: 8px;
}
/*thead>tr{*/
    /*line-height: 36px;*/
/*}*/


.biaoti td{
    width: 94px;
    height: 48px;
    text-align: center;
    font-size: 18px;
    color: #2b2b2b;
    border-bottom: none;
}

.w td{
    font-size: 15px;
    width: 94px;
    height: 74px;
    text-align: center;
    color: #2b2b2b;
    border-bottom: 1px dashed #bfbfbf;
}

.shi{
    color: white;
    width: 28px;
    height: 28px;
    background-color: #24a9f1;
    border-radius: 4px;
    padding: 6px 8px 6px;
}

.jindu{
    width: 38px;
    height: 38px;
    background-color: white;
    border-radius: 50% 50%;
    border: 1px solid #447d19;
    display: block;
    margin: 0 auto;
    line-height: 38px;
    font-size: 12px;
}

.w button{
    width: 86px;
    height: 26px;
    background-color: #0090ff;
    border-radius: 26px;
    outline: none;
    border: none;
    color: white;
}

.w button:active{
    background-color: #224e73;

}
.w:hover{
    background-color: #fdfaee;
}

tfoot td{
    font-size: 15px;
    color: #9c9c9c;
    text-align: center;
    height: 58px;
    line-height: 58px;
}


/*楼层3样式*/
.f3{
    height: 353px;
    /*background-color: #0090ff;*/
    margin-top: 30px;
    border: 1px solid #bfbfbf;
}

.hang1{
    height: 38px;
    padding-left: 10px;
    line-height: 38px;
    font-size: 15px;
    color: #2b2b2b;
    border-bottom: 1px solid #bfbfbf;
}

.hang2{
    padding: 0 22px;
    font-size: 0;
}

.hang2>li{
    display: inline-block;
    /*background-color: red;*/
    height: 313px;
    width: 25%;
    text-align: center;
    vertical-align: middle;
    padding: 53px 0 40px;
}


.hang2 img{
    margin-bottom: 10px;
    height: 131px;
}
.hang2 h4{
    font-size: 15px;
    margin: 0 0 14px;
}

.hang2 p{
    font-size: 32px;
    color: #2f2f2f;
}


/*楼层4：合作伙伴*/
.f4{
    height: 20px;
    /*background-color: red;*/
    margin-top: 20px;
}

.f4 span{
    font-size: 18px;
    /*height: 20px;*/
    line-height: 20px;
    padding:0 8px 0 10px;
}

.f4 a{
    font-size: 18px;
    /*height: 20px;*/
    line-height: 20px;
    padding:0 8px 0 10px;
}

.f4-1{
    padding: 8px 24px;
    font-size: 0;
}

.f4-1>li{
    width: 25%;
    height: 92px;
    line-height: 92px;
    /*background-color: red;*/
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.f4-1 div{
    border: 1px solid #bfbfbf;
    width: 207px;
    height: 60px;
    margin: 0 auto;
    background-color: white;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
}

.f4-hz1{

    background-image: url(../img/hz1.png);
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
}


.f4-hz2{
        background-image: url(../img/hz2.png);

}


.f4-hz3{
    background-image: url(../img/hz3.png);
}


.f4-hz4{
    background-image: url(../img/hz4.png);
}

.f4-hz5{
    background-image: url(../img/hz5.png);
}

.f4-hz6{
    background-image: url(../img/hz6.png);
}


.f4-hz7{
    background-image: url(../img/hz7.png);
}


.f4-hz8{
    background-image: url(../img/hz8.png);
}




.f4-1 img{
    vertical-align: middle;
}


/*楼层5：友情链接*/
.f5{
    height: 20px;
    /*background-color: red;*/
    margin-top: 20px;
}

.f5 span{
    font-size: 18px;
    /*height: 20px;*/
    line-height: 20px;
    padding:0 8px 0 10px;
}

.f5 a{
    font-size: 18px;
    /*height: 20px;*/
    line-height: 20px;
    padding:0 8px 0 10px;
}

.f5-1{
    height: 64px;
    line-height: 64px;
    padding: 0 10px;
    font-size: 0px;
}

.f5-1>a{
    font-size: 18px;
    margin-right:30px ;
    color: #2f2f2f;
}
.f5-1>a:hover{
    color: #ffba00;
}


/*footer样式*/

footer{
    height: 274px;
    background-color: #eeeeee;
    border-top: 1px solid #a3a3a3;
    text-align: center;
}

footer>ul{
    font-size: 0;
}
footer li{
    display: inline-block;
    font-size: 15px;
    color: #0f3990;
    margin: 48px 0 38px 0;
}


footer span{
    padding: 0 20px;
}
footer p{
    font-size: 12px;
}

.foot-img{
    font-size: 0;
}
.foot-img>img{
    margin: 34px 60px 0  0;
   }

.foot-img>img:last-child{
    margin-right: 0;
}